<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">
		  
	<ui:composition template="/template/pPrincipal.xhtml">	 		 
		<ui:define name="head">
			<title>Asesor 360</title>
		</ui:define>	 
		<ui:define name="titulopagina">
		   <h:outputText value="PERFILES DE INVERSIÓN" /> 
		</ui:define>	  
		<ui:define name="agregaIconoExcelRe">
		</ui:define>		  
		<ui:define name="agregaIconoEmail">
		</ui:define>
		<ui:define name="agregaIconoPDFRe">
		</ui:define>
		<ui:define name="agregaIconoEjecutivos">
		</ui:define>
		<ui:define name="bodyarea">	
			<input type="hidden" id="nomReporte" name="nomReporte" value="mantenimientoPerfilesInversion"/>
			<f:event type="preRenderView" listener="#{perfilDatosController.onPageLoad}"/>
		  	<h:panelGrid columns="1" width="100%" styleClass="bordePanel"
				headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5">
				<f:facet name="header">
					<h:outputText value="Perfiles de Inversión" />
				</f:facet>
			  	<h:panelGrid columns="1" width="100%">
			  		<h:panelGrid columns="2">
			    	<p:dataTable id="tablaPerfilDatos" value="#{perfilDatosModel.listaPerfilDatos}" var="fila"
				    	emptyMessage="No existe ningún Perfil de Inversión Registrado." styleClass="styleDataTableWrapNormal">
						<p:column width="60px" sortBy="#{fila.idperfil}">
							<f:facet name="header">
								<h:outputText value="Código" />
							</f:facet>
							<h:outputText value="#{fila.idperfil}"/>
						</p:column>						
						<p:column width="120px" sortBy="#{fila.nombre}" >
							<f:facet name="header">
								<h:outputText value="Nombre Perfil" />
							</f:facet>
							<h:outputText value="#{fila.nombre}"/>
						</p:column>						
						<p:column sortBy="#{fila.objetivo}">
							<f:facet name="header">
								<h:outputText value="Objetivo" />
							</f:facet>
							<h:outputText value="#{fila.objetivo}"/>
						</p:column>						
						<p:column width="140px" sortBy="#{fila.horizonte}">
							<f:facet name="header">
								<h:outputText value="Horizonte" />
							</f:facet>
							<h:outputText value="#{fila.horizonte}"/>
						</p:column>						
						<p:column width="90px" sortBy="#{fila.volatilidad}">
							<f:facet name="header">
								<h:outputText value="Volatilidad" />
							</f:facet>
							<h:outputText value="#{fila.volatilidad}"/>
						</p:column>						
						<p:column width="40px" sortBy="#{fila.minimo}">
							<f:facet name="header">
								<h:outputText value="Mínimo" />
							</f:facet>
							<h:outputText value="#{fila.minimo}"/>
						</p:column>						
						<p:column width="40px" sortBy="#{fila.maximo}">
							<f:facet name="header">
								<h:outputText value="Máximo" />
							</f:facet>
							<h:outputText value="#{fila.maximo}"/>
						</p:column>						
						<p:column width="15px">
							<f:facet name="header">
								<h:outputText value=""/> 
							</f:facet>				  				
							<p:commandButton id="btnEliminarPerfil1" rendered="#{fila.activo eq 'S'}" oncomplete="poppanelDialog.show()"
								icon="ui-icon-power" actionListener="#{perfilDatosController.eliminarPerfil(fila)}"/>
							<p:tooltip rendered="#{fila.activo eq 'S'}" for="btnEliminarPerfil1" value="Desactivar Estado" />	

							<p:commandButton id="btnEliminarPerfil2" rendered="#{fila.activo eq 'N'}" oncomplete="poppanelDialog.show()"
								icon="ui-icon-cancel" actionListener="#{perfilDatosController.eliminarPerfil(fila)}"/>
							<p:tooltip rendered="#{fila.activo eq 'N'}" for="btnEliminarPerfil2" value="Activar Estado" />
						</p:column>	
						<p:column width="10px">
							<f:facet name="header">
								<h:outputText value=""/>
							</f:facet>
							<p:commandButton id="editarPerfilDato" icon="ui-icon-pencil" update=":formPrincipal:tablaPerfilDatos"
								actionListener="#{perfilDatosController.mantenimientoPerfilesEdit(fila)}"/>
							<p:tooltip for="editarPerfilDato" value="Editar"/>
						</p:column>									
					</p:dataTable>
					<p:spacer height="10px"/>
					</h:panelGrid>
				</h:panelGrid>
				<p:commandButton value="Nuevo" actionListener="#{perfilDatosController.mantenimientoPerfilesNew}"
					icon="ui-icon-document"/>
			</h:panelGrid>
		</ui:define>
		 
		<ui:define name="extraarea">
			<p:dialog id="idpanelDialog" header="Mensaje confirmación" widgetVar="poppanelDialog" modal="true" dynamic="true">
				<h:form id="formModalDialog">
					<h:panelGrid id="idContentMainM" width="100%">
						<h:panelGrid>
							<h:outputText value="¿Está seguro que desea cambiar el estado al Perfil de Inversión?"/>
						</h:panelGrid>
						<h:panelGrid columns="3" styleClass="pangelGridCenter">																																								
							<p:commandButton id="btnOkDialog" actionListener="#{perfilDatosController.eliminar}"
							 	icon="ui-icon ui-icon-check" value="Aceptar" oncomplete="poppanelDialog.hide()" 
							 	update=":formPrincipal:tablaPerfilDatos"/>
							 <p:spacer width="40" height="10"/>
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="poppanelDialog.hide()" />
						</h:panelGrid>
					</h:panelGrid>
					<p:blockUI block=":formModalDialog:idContentMainM" trigger=":formModalDialog:btnOkDialog">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Cambiando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>
				</h:form>
			</p:dialog>
		</ui:define>
	</ui:composition>
</html>